为 2D 节点创建 3D 透视效果

使用透视变换 (Perspective Transformation) 属性为 2D 节点创建 3D 透视效果。通过布局变换 (Layout Transformation) 旋转 (Rotation) 属性字段,您可以仅在 2D 空间内绕 z 轴旋转节点。通过透视变换 (Perspective Transformation) 旋转 (Rotation) XYZ 属性字段,您可以绕所有三个轴旋转 2D 节点,形成 3D 透视效果。

透视变换 (Perspective Transformation) 属性在应用布局通道后、渲染节点前对节点进行变换。

要为 2D 节点创建 3D 透视效果:

  1. 工程 (Project) 中创建或选择要创建 3D 透视效果的 2D 节点。
    例如,创建一个图像 (Image) 节点。
  2. 属性 (Properties) 中添加透视变换 (Perspective Transformation) 属性。
  3. 透视变换 (Perspective Transformation) 属性中的属性 (Properties) 中设置:
    • 旋转 (Rotation) X 设为节点围绕 x 轴旋转的度数。
    • 旋转 (Rotation) Y 设为节点围绕 y 轴旋转的度数。
    • 旋转 (Rotation) Z 设为节点围绕 z 轴旋转的度数。
    例如,将透视变换 (Perspective Transformation) 旋转 (Rotation) Y 属性字段设置为 45,让图像绕 y 轴旋转 45 度。
  4. (可选)属性 (Properties) 中,添加渲染变换原点 (Render Transformation Origin) 属性并设置:
    • X 设为您要设置 x 轴上原点的节点宽度百分比
    • Y 设为您要设置 y 轴上原点的节点高度百分比
    Kanzi 中,所有 2D 节点的原点默认位于节点的左上角。您可以使用渲染变换原点 (Render Transformation Origin) 属性设置该节点的原点。
    例如,如果将透视变换 (Perspective Transformation) 属性设置为绕 y 轴旋转节点,要让该节点围绕其水平中心点旋转,将渲染变换原点 (Render Transformation Origin) X 属性字段设置为 0,5。

另请参阅

调整 2D 节点的外观

应用自定义渲染到 2D 节点